<template>
  <div>
    <inputTwo/>
  <template v-if="MusicList.length>0">
        <div class="box" v-for="v in MusicList" :key="v.playlistid">
      <div>
        <img src="../../assets/put-1.png" alt>
      </div>
      <div class="big">
        <p>{{v.playlistname}}</p>
        <p>{{v.playsongnumber}}首，by {{v.author}}，播放{{v.playcount}}</p>
      </div>
    </div>
  </template>
  <template v-else>
    <div class="big">
      <p>暂无数据</p>
    </div>
  </template>

  </div>
</template>

<script>
import inputTwo from "@/components/bb/inputtwo.vue";
export default {
  components: {
    inputTwo
  },
  created() {},
  computed: {
    MusicList() {
      return JSON.parse(this.$route.query.obj);
    }
  }
};
</script>

<style scoped>
img {
  width: 1rem;
  height: 1rem;
  margin-left: 0.3rem;
  margin-bottom: 0.3rem;
  margin-right: 0.3rem;
}
.box {
  display: flex;
}
p:first-child {
  color: blue;
  font-size: 0.3rem;
  font-weight: 700;
  
}
p {
line-height:- 0.15rem;
}
p:last-child {
  color:gray;
  font-size: 0.3rem;
}
.big{
    padding: 0.1rem;
}
</style>
